<template>
  <nav class="nav__container">
    <ul class="nav__ul">
      <router-link :to="item.path"  class="nav_li" v-for="(item, i) in navs" :key="i" tag="li">{{item.name}}</router-link>
    </ul>
  </nav>
</template>
<script>
  export default {
    data() {
      return {
        navs: [
          {
            name: '项目审核',
            path: '/index/audit'
          },
          {
            name: '项目结束',
            path: '/index/finished'
          },
          {
            name: '项目结算',
            path: '/index/clearing'
          },
          {
            name: '首页数据配置',
            path: '/index/config'
          },
        ]
      }
    },
    created() {
    }
  }
</script>
<style lang="stylus" scoped>
.nav__container {
  width 180px
  min-width 180px
  background: #333;
  height: 100%;
  min-height: 100%;
}
.nav__ul {
  height 100%
}
.nav_li {
  line-height 70px
  cursor pointer
  height 70px
  color #fff
  text-align center
}
.router-link-active {
  color: red;
}
</style>
